@charset "UTF-8";
body{
    min-width: 1200px;
}
.tourweb{
    min-width: 1200px;
}
//中间内容
//选择菜单
.main{
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.selectlist{
    display: inline-block;
    width: 16.7%;
    vertical-align: top;
    margin-top: 43px;
    ul{
        display: inline-block;
        width: 100%;
        height: 280px;
    }
    .title{
        width: 100%;
        height: 99px;
        border-bottom: 1px solid #666666;
        line-height: 1.6;
        box-sizing: border-box;
        padding-left: 16px;
        text-align: left;
        font-size: 0;
        .eng a{
            display: inline-block;
            font-size: 20.14px;
            font-family: "微软雅黑";
            color: #666666;
        }
        .ch a{
            display: inline-block;
            font-size: 28px;
            font-family: "微软雅黑";
            color: #666666;
        }
    }
    .title:hover a{
            color: #CC0033;
        }
    .option{
        width: 100%;
        height: 59px;
        border-bottom: 1px solid #e9e9e9;
        white-space: nowrap;
        line-height: 59px;
        a{
            padding-left: 16px;
            font-size: 18px;
            font-family: "微软雅黑";
            color: #666666;
        }
        span{
            vertical-align: top;
            margin-right:23%;
        }
        img{
            vertical-align: middle;
        }
        a:hover{
            color: #CC0033;
        }
    }
}
//中间内容部分
.content{
    display: inline-block;
    vertical-align: top;
    width: 78.6%;//1037
    white-space: nowrap;
    margin-left: 4.3%;
    margin-top: 16px;
    .path{
        display: inline-block;
        margin-left: 68%;
        ul{
            .img{
                display: inline-block;
                vertical-align: middle;
                margin-right: 8px;
            }
            .word{
                display: inline-block;
                vertical-align: middle;
                margin-right: 16px;
                a{
                    font-size: 14px;
                    font-family: "宋体";
                    color: #919191;
                }
                a:hover{
                 color: #CC0033;
                }
            } 
        }
    }
    .contentContent{
        width: 96.4%;//1000
        .contentSelect{
            margin-top: 56px;
            margin-bottom: 28px;
            .agent{
                display: inline-block;
                margin-left: 71px;
                margin-right: 150px;
                a{
                    font-size: 18px;
                    font-family: "微软雅黑";
                    color: #676767;
                }
                a:hover{
                    color: #0f307b;
                }
            }
            
            .tour{
                display: inline-block;
                a{
                    font-size: 18px;
                    font-family: "微软雅黑";
                    color: #0f307b;
                }
            }
        }
        .contentTitle{
                font-size: 24px;
                font-family: "微软雅黑";
                color: black;
                text-align: center;
                margin-top: 50px;
        }
        .contentTxt{
            width: 84%;
            margin-top: 50px;
            position: relative;
            .introduceImg{
                width: 37.2%;
                position: absolute;
                left: 61.9%;
                top: -5px;
                img{
                    width: 100%;
                }
                
            }
            .introduceImg:hover img{
                    animation: move 1s ease;
                    animation-fill-mode: forwards;
                }
            .information{
                width: 36.5%;
                height: 151px;
                border: 1px solid #c9c9c9;
                box-sizing: border-box;
                padding: 13px 13px 0 13px;
                position: absolute;
                top: 249px;
                left: 519px;
                .title{
                    font-size: 14px;
                    font-family: "微软雅黑";
                    color: #000000;
                }
                .word{
                    font-size: 14px;
                    font-family: "微软雅黑";
                    color: #c9c9c9;
                }
                ul{
                    line-height: 1.5;
                }
            }
            .introduce{
                width: 59.4%;
                .introduceTitle{
                    display: block;
                    font-size: 14px;
                    font-family: "微软雅黑";
                    color: #315489;
                    margin-bottom: 16px;
                }
                .introduceTxt{
                    display: block;
                    font-size: 14px;
                    font-family: "微软雅黑";
                    color: #a1a1a1;
                    white-space: normal;
                    line-height: 2;
                    letter-spacing: .8;
                    margin-bottom: 24px;
                }
                hr{
                    width: 96%;
                    align: left;
                    margin-left: 0;
                }
            }
        }
        .data{
            width: 100%;
            a{  
                font-size: 14px;
                font-family: "微软雅黑";
                color: #315489;
            }
            .title{
                display: inline-block;
                width: 14%;
            }
            .word{
                 display: inline-block;
                 font-size: 14px;
                 font-family: "微软雅黑";
                 color: #a1a1a1;
            }
            .typeVertical{
                display: inline-block;
                font-size: 14px;
                font-family: "微软雅黑";
                font-weight: bold;
                color: #274172;
                margin-left: 9%;
                margin-right: 6.6%;
            }   
            .dataContent{
                width: 57.5%;
                height: 32px;
                line-height: 32px;
                border-bottom: 1px dashed #b0b0b0 ;
            }
            .datatype{
                width: 57.5%;
                height: 38px;
                line-height: 38px;
                border-bottom: 1px dashed #b0b0b0 ;
            }
            .dataData{
                width: 57.5%;
                height: 33px;
                line-height: 33px;
                border-bottom: 1px dashed #b0b0b0 ;
            }
            .dataVertical{
                display: inline-block;
                font-size: 14px;
                font-family: "微软雅黑";
                font-weight: bold;
                color: #274172;
                margin-left: 15.3%;
                margin-right: 6.6%;
            } 
            .titleTime{
                display: inline-block;
                width: 23.3%;
            }
            .dataTime{
                width: 34%;
                height: 36px;
                line-height: 36px;
                border-bottom: 1px dashed #b0b0b0 ;
            }
            .dataIn{
                width: 34.8%;
                height: 36px;
                line-height: 36px;
                border-bottom: 1px dashed #b0b0b0 ;
            }
            .dataFair{
                width: 57.9%;
                height: 36px;
                line-height: 36px;
                border-bottom: 1px dashed #b0b0b0 ;
            }
            .fairVertical{
                display: inline-block;
                font-size: 14px;
                font-family: "微软雅黑";
                font-weight: bold;
                color: #274172;
                margin-left: 3.8%;
                margin-right: 5.4%;
            }
            .dataCount{
                width: 100%;
                height: 37px;
                line-height: 37px;
                border-bottom: 1px dashed #b0b0b0 ;
            }
            .countTitle{
                display: inline-block;
            }
            .countVertical{
                display: inline-block;
                font-size: 14px;
                font-family: "微软雅黑";
                font-weight: bold;
                color: #274172;
                margin-left: 1.8%;
                margin-right: 1.8%;
            }
        }
        .apartment{
            width: 78.6%;//786
            margin: 0 auto;
            margin-top: 54px;
            .apartmentSelect{
                width: 100%;
                li{
                    display: inline-block;
                    width: 31.4%;
                    height: 52px;
                    border: 1px solid #efefef;
                    background: #efefef;
                    font-size: 16px;
                    font-family: "微软雅黑";
                    text-align: center;
                    line-height: 52px;
                    margin-right: 1.9%;
                    cursor: pointer;
                }
                .unselected{
                    width: 31.4%;
                    height: 52px;
                    border: 1px solid #efefef;
                    background: white;
                    font-size: 16px;
                    font-family: "微软雅黑";
                    cursor: pointer;
                }
                .unselected:hover{
                    background: #efefef;
                }
                .apartmentImg{
                    width: 100%;
                    margin-left: 8.9%;
                    margin-top: 40px;
                    font-size: 0;
                    .tourArrowL{
                        display: inline-block;
                        vertical-align: middle;
                        cursor: pointer;
                    }
                    .tourCad{
                        display: inline-block;
                        vertical-align: middle;
                        width: 76.3%;
                        img{
                            width: 100%;
                        }
                    }
                    .tourArrowR{
                        display: inline-block;
                        vertical-align: middle;
                        cursor: pointer;
                    }
                }
            }
        }
        .map{
            width: 76.7%;
            text-align: center;
            margin-left: 8.9%;
            margin-top: 77px;
            img{
                width: 100%;
            }
            .mapTitle{
                display: inline-block;
                margin-bottom: 28px;
                font-size: 22px;
                font-family: "微软雅黑";
            }
            .route{
                text-align: left;
                margin-top: 60px;
                li{
                    margin-top: 21px;
                }
                .routeTitle{
                    font-size: 14px;
                    font-family: "微软雅黑";
                    font-weight: bold;
                    color: #315389;
                }
                .routeTxt{
                    font-size: 14px;
                    font-family: "微软雅黑";
                    color: #a9a9a9;
                }
            }
        }
    }
}
@keyframes move{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.1);
    }
}
